<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>overflow溢出（重点）</title>
	<style>
		div {
			/*	
			默认
			overflow: visible;  所有内容直接显示，超长内容不换行
			
			溢出隐藏：
			overflow: hidden; 超出盒子大小的部分要隐藏起来，不显示出来。
			
			滚动条
			overflow: scroll;  不超出盒子大小，增加滚动条（不常用，滚动条太丑了）

			overflow: auto;  只有元素超出盒子大小才会自动增加滚动条。
			 */
			overflow: auto;
			width: 150px;
			height: 150px;
			border: 1px solid red;
		}
	</style>
</head>
<body>
	 <div>
		lalalalalala
		ioioioioioioio
		ioioijkjkjkjkjkjkjkjkj
		iohuhuhuhuhuhuhuhuhuhuhuhuhuhu
		iohuhuhuhuhuhuhuhuhuhuh
		iohuhuhuhuhuhuhuhuhuhuh
		iohuhuhuhuhuhuhuhuhuhuh
		iohuhuhuhuhuhuhuhuhuhuh
		iohuhuhuhuhuhuhuhuhuhuh
		iohuhuhuhuhuhuhuhuhuhuh
		iohuhuhuhuhuhuhuhuhuhuh
	 </div>
</body>
</html>